layui.use(['form','util','layer','laypage'],function(){
		var form = layui.form;
		form.render();
		var util=layui.util;
		var laypage = layui.laypage;
		var layer=layui.layer;
		var total=0;
		//定义一个获取角色的函数，参数为(页面，函数)
		function find_role_list(page,rows){
			$.ajax({
				type:"get",
				url:"http://localhost:8080/ssmService/role/selectPageRole",
				data:{
					"queryParams.curr_page": page,
					"queryParams.page_size": rows
				},
				async:false,
				"success":function(result){
					//result,有接口土工给我们的数据，即使接口返回值
					if(result.resultCode==0){
						total = result.data.total;
						build_role_List(result);
					}else {
						layer.msg("服务器错误，请联系管理员", {
							icon: 1,
							time: 1000
						});
					}
				},
				"error": function(){
					layer.msg("请求失败,联系管理员", {
						icon: 2,
						time: 1000
					});
				}
				});
			}
		
		//渲染页面数据
		function build_role_List(result){
			var roleList=result.data.list;
			$(".table_tbody").empty();
			$.each(roleList, function(index,item) {
				var tr=$("<tr></tr>");
				var td1=$("<td></td>").append("<input type='checkbox' role_id='"+item.role_id+"' lay-skin='primary'>");
				var td2=$("<td></td>").append(item.name);
				var td3=$("<td></td>").append(item.memo);
				var td4=$("<td></td>").append(item.update_user_name);
				var td5=$("<td></td>")
				.append(util.toDateString(item.update_time,"yyyy-MM-ss HH:mm:ss"));
				var td6=$("<td></td>").append("<button role_id='"+item.role_id+"' class='layui-btn layui-btn-sm updateRole'>编辑</button>")
					.append("<button role_id='"+item.role_id+"' class='layui-btn layui-btn-sm layui-btn-danger'>删除</button>");
				tr.append(td1).append(td2).append(td3).append(td4).append(td5).append(td6).appendTo(".table_tbody");
			});
			form.render();
		}
		find_role_list(1,10); 
		
		laypage.render({
			elem: "table_page",
			count: total,
			layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'],
			jump:function(obj, first) {
				if(!first){
					find_role_list(obj.curr,obj.limit);
				}
					} 
		});
		
		$(".addUser").click(function(){
			var index=layer.open({
				type:2,
				content:'insertrole.html',
				title:'新增角色信息',
				maxmin:true,
				closeBtn:1
		});
		layer.full(index);
			});
			
			$(".updateRole").click(function(){
			var index=layer.open({
				type:2,
				content:'EditorRole.html',
				title:false,
				maxmin:true,
				closeBtn:1
	});
			layer.full(index);
			});
			
		});

		